<template>
    <div id="yaoqing">
        <div class="weui-flex">
            <router-link class="weui-flex__item" to="/product">
                <div class="icon_box">
                    <img src="http://shangrongfintech.com/static/images/buy.png" alt="">
                    <p>预约购买</p>
                </div>
            </router-link>
            <router-link class="weui-flex__item" to="/home/yaoqing">
                <div class="icon_box">
                    <img src="http://shangrongfintech.com/static/images/mortgage.png" alt="">
                    <p>邀请客户</p>
                </div>
            </router-link>
            <router-link class="weui-flex__item" to="/home/yaoqing">
                <div class="icon_box">
                    <img src="http://shangrongfintech.com/static/images/exchange.png" alt="">
                    <p>邀请理财师</p>
                </div>
            </router-link>
        </div>
    </div>
</template>
<script>

</script>
<style scoped>
.weui-flex {
    background: #FFF;
}

.weui-flex__item {
    color: #333;
    text-align: center;
    font-size: 0.6rem;
    display: flex;
    flex-direction: column;
}

.icon_box {
    padding: .5rem 0 0 0;
    flex: 3;
}

.icon_box img {
    height: 2.5rem;
}

.weui-flex__item p {
    flex: 1;
    margin-bottom: .3rem;
}
</style>

